    html { height: 100% }
    body { font-family:"Open Sans"; height: 100%; margin: 0; padding: 0; font-size:100%; }
    *   { font-family:"Open Sans"; }
    .mt { margin-top:10px;}
    .mlt {margin-top:20px; }
    .mb     { margin-bottom:10px;}
    .mr     { margin-right:10px; }
    .bb { border-bottom:1px solid #ddd;  }
    .container { }
    .btn { text-shadow:1px 1px rgba(0,0,0,0.3);}
    .btn-default {text-shadow:1px 1px rgba(0,0,0,0.15); }
    .fat {font-weight:600; }
    .fltr { float:right;}
    .pl { padding-left:20px; }
    .pb { padding-bottom:10px; }
    
    ul { margin:0; padding:0; }
    ul li { margin:0; padding:0; padding-left:0; list-style:none; }
    
    h1   { font-family:"Open Sans"; font-size:2em; margin:0; padding:0;  }
    h2   { font-family:"Open Sans"; font-size:1.4em;  margin:0; padding:0; }
    h3   { font-family:"Open Sans"; font-weight:600; font-size:1.2em; padding:0; margin:0; padding:0px 20px  0px 20px;}
    h3 small { font-size:1em;}
    
    .heading        { border-bottom:2px solid #ddd; height:10%; padding:10px; }
    .page           { height:100%; overflow:hidden;  width:100%; }
    .page .left     { border-right:2px solid #ddd; width:50%; height:100%; float:left; overflow:hidden; }
    .page .right    { width:50%; height:100%; overflow:hidden; }
    .page .heading  { height:10%; }
    .page .mapbox   { height: 90%; width: 100%; }
    
    .mapbox .infobox.active     {  }
    .mapbox .infobox.selected   {  }
    
    .page textarea  { background:#222; color:#ddd; font-family:monospace; width:100%; height:80%; border:none; font-size:1.5em; padding:10px; }
    .page .code-controls { border-top:2px solid #ddd; height:10%; padding:10px; }
    .tripple .page .left { width:40%; }
    .tripple .page .middle { width:20%; float:left; border-right:2px solid #ddd; height:100%; }
    .tripple .page .right {width:40%; }
    
    .tripple .page .middle .marker-list { height:90%; width:100%; overflow-y:auto; }
    .tripple .page .middle .marker-list .marker { font-size:1.2em; border-bottom:1px solid #ddd;  }
    .tripple .page .middle .marker-list .marker a { display:block; text-decoration:none; padding:0; padding:5px 5px 5px 5px;color:#000; line-height:1.2em;}
    .tripple .page .middle .marker-list .marker a:hover { background:#285E8E; color:#fff; }
    
    .page.index { margin-top:30px;height:auto; overflow-y:auto;}
    .page.index h1 { font-size:3em; margin:10px 0px 10px 0px;}
    .page.index h3 { padding-top:7px; margin-top:5px; font-size:1em;}
    .page.index h3:nth-child(n+2) { border-top:1px solid #ddd; }
    .page.index h3:nth-child(-n+1) { margin-top:0px;} 
    .page.index .well { box-shadow:none; margin:5px 20px 5px 20px; padding:5px 10px 5px 10px; background-color:rgba(0,0,0,0.05); }
    .page.index .well b { font-weight:300; background:#999; padding:0px 3px 2px 3px; border-radius:3px; color:#fff; }
    .page.index .alert { margin:10px; margin-bottom:0; margin-top:0;padding:0px; }
    
    .prettyprint * { font-family: Monaco,Consolas,"Lucida Console",monospace; font-size:0.96em; letter-spacing:-0.03em;}
    .panel { margin:0; margin-top:10px; overflow:hidden;}
    .panel-heading { font-weight:400; font-size:2.2em;}
    .panel-footer a { color:#fff; }
    .panel-body { padding: 10px 0px 10px 0px; font-size:1.3em; }
    .panel-body .linenums {margin:0px; padding:0; }
    .panel-body .prettyprint li { padding-left:20px;}
    .panel h4 { margin:0;}
    .linenums li:nth-child(odd) { background-color:#fff; }
    .linenums li:nth-child(even) { background-color:#f9f9f9; }
    .panel-body .inner { padding-left:20px;}
    .header-image { position:relative; min-height:300px; background:url('../../images/assets/index_header.jpg') center bottom no-repeat; }
    .header-image .btn { position:absolute; bottom:20px; right:20px; }
    .page.index .header-image .well { margin:0px; margin-left:-10px; margin-top:10px; margin-bottom:10px; background:rgba(255,255,255,0.7); }
    .page.index .header-image .well b { padding:0; margin:0; background:inherit; color:inherit; font-weight:600; font-size:inherit;  }
    .page.index .reference .row-fluid { border-bottom:1px solid #ddd; padding-bottom:10px;}
    .page.index .reference { padding-top:0;}
    .page.index .reference .alert { }
    .page.index .reference .alert { margin-top:0;}
    .page.index .code { font-family: Monaco,Consolas,"Lucida Console",monospace; font-size:0.96em; letter-spacing:-0.03em; }
    .page.index .reference .level2 { border-left:30px solid #ddd;}
    .page.index .reference .level3 { border-left:60px solid #eee;}
    .page.index .reference .level4 { border-left:90px solid #f5f5f5;}
    .page.index .reference .well .description { padding:0; }
    .page.index .reference .alert .well { border:none; background:rgba(255,255,255,0.6);}
    
    .lang-js .str { color: #D44950; }
    .lang-js .kwd { color: #006699 }
    .lang-js .pln { color: #555; }
    .lang-js .com { color: #999; }
    
    .lang-html .pln { color:#555; }
    .lang-html .kwd { color:#428BCA; }
    .lang-html .tag { color:#2F6F9F; }
    .lang-html .atn,.lang-html .pun { color:#4F9FCF; }
    .lang-html .atv,.lang-html .plv   { color:#D44950; }
    
    .lang-css .pun, .lang-css .kwd, .lang-css .com { color:#2F6F9F }
    .lang-css .pln { color: #D44950; }
    
    pre.prettyprint { padding:0; border:none; background-color:#fff; overflow-x:auto; width:100%;  }
    pre.br.linenums, pre.br { border-bottom:1px solid #ddd; margin-bottom:5px; padding-bottom:5px; overflow:hidden; }
    
    .page-navrow  { overflow:hidden; display:block; position:relative;}
    .navigation { box-shadow:20px 1px 20px rgba(0, 0, 0, 0.5); border-left:10px solid #ddd;position:fixed; padding:0px; margin:0px; width:100%; overflow:hidden; background:#fbfbfb; z-index:1000; height:30px;  }
    .navigation li { padding:0px; margin:0px; list-style:none; float:left; }
    .navigation li a { line-height:1.5em; font-size:1.3em; text-decoration:none; padding:5px 10px 5px 10px; display:block; }
    .navigation li a:hover,.navigation li a.active { color:#fff; background:#428BCA; }
